﻿<%@ Page Title="Characterpage" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Characterpage.aspx.cs" Inherits="LootPoints.Pages.Characterpage" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit"%>

<asp:Content ID="Content" ContentPlaceHolderID="ContentPlaceHolder" runat="server">
    
    <style type="text/css">
        #frame {
            width: 700px;
            margin: auto;
            text-align: center;
        }
        #left {
            width: 300px;
            min-height: 200px;
            float: left;
        }
        #right {
            width: 400px;
            min-height: 200px;
            margin-left: 310px;
        }
        .titleCell {
            font-family: Constantia;
            font-style: normal;
            font-weight: bolder;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .headerCell {
            font-family: Constantia;
            font-weight: bold;
            font-size: 11px;
            text-align: inherit;
            width: 150px;
        }
        .Cell {
            font-family: Constantia;
            font-weight: normal;
            font-size: 11px;
            text-align: inherit;
            width: 150px;
        }
        .headerCellSmall {
            font-family: Constantia;
            font-weight: bold;
            font-size: 11px;
            text-align: inherit;
            width: 100px;
        }
        .CellSmall {
            font-family: Constantia;
            font-weight: normal;
            font-size: 11px;
            text-align: inherit;
            width: 100px;
        }
        .cpHeader {
            font-family: Constantia;
            font-weight: bold;
            font-size: 11px;
            cursor: pointer;
            width:690px;
            height:13px;
            padding: 4px;  
            margin: 0px auto 0px auto;
            border-bottom: 1px solid #949494;
        }
        .cpBody {
            font-family: Constantia;
            font-weight: normal;
            font-size: 11px;
            border: none;
            width:690px;
            padding: 4px;
            padding-top: 7px;
            margin: 0px auto 0px auto;
        }
    </style>

    <div id="frame">

        <p>
            <a href="Progress.aspx">Progress overview</a>
        </p>
        <p>
            <a><asp:LinkButton ID="lbtnAdmin" runat="server" Text="Admin" CausesValidation="false" ToolTip="Adminpage" OnClick="lbtnAdmin_Click" /></a>
                &nbsp;|&nbsp;
            <a><asp:LinkButton ID="lbtnOverview" runat="server" Text="Overview" CausesValidation="false" ToolTip="Show overview" OnClick="lbtnOverview_Click" /></a>
                &nbsp;|&nbsp;
            <a><asp:LinkButton ID="lbtnLogin" runat="server" Text="Login" CausesValidation="false" ToolTip="Login" OnClick="lbtnLogin_Click" /></a>
            <a><asp:LinkButton ID="lbtnLogoff" runat="server" Text="Logoff" CausesValidation="false" ToolTip="Logoff" OnClick="lbtnLogoff_Click" /></a>
        </p>

        <div id="left">
            <asp:Table ID="tableLeft" runat="server">
                <asp:TableHeaderRow>
                    <asp:TableHeaderCell CssClass="titleCell" ColumnSpan="2" HorizontalAlign="Center">ESi Member</asp:TableHeaderCell>
                </asp:TableHeaderRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">&nbsp;</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell">&nbsp;</asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">&nbsp;</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell">&nbsp;</asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">Name:</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell"></asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">Race:</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell"></asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">Class:</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell"></asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">Level:</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell"></asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">Gender:</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell"></asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">Achievementpoints:</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell"></asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">Battlegroup:</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell"></asp:TableCell>
                </asp:TableRow>
            </asp:Table>
        </div>
        <div id="right">
            <asp:Table ID="tableRight" runat="server">
                <asp:TableHeaderRow>
                    <asp:TableHeaderCell CssClass="titleCell" ColumnSpan="2" HorizontalAlign="Center">Resent loot</asp:TableHeaderCell>
                </asp:TableHeaderRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Left" CssClass="headerCell">&nbsp;</asp:TableHeaderCell>
                    <asp:TableCell HorizontalAlign="Left" CssClass="Cell">&nbsp;</asp:TableCell>
                </asp:TableRow>
                <asp:TableRow>
                    <asp:TableHeaderCell HorizontalAlign="Center" CssClass="headerCell">Item</asp:TableHeaderCell>
                    <asp:TableHeaderCell HorizontalAlign="Center" CssClass="headerCell">Date</asp:TableHeaderCell>
                    <asp:TableHeaderCell HorizontalAlign="Center" CssClass="headerCellSmall">GP</asp:TableHeaderCell>
                </asp:TableRow>
            </asp:Table>
        </div>

        <asp:Panel ID="pnlHeader" runat="server" CssClass="cpHeader">
            <asp:Label ID="lblHeader" runat="server" Text="Raidscore" />
        </asp:Panel>
        <asp:Panel ID="pnlBody" runat="server" CssClass="cpBody">
            <div style="width: 450px; margin-left: 120px; text-align: left;">
                <asp:Table ID="tableRS" runat="server">
                    <asp:TableHeaderRow>
                        <asp:TableHeaderCell Width="150" Text="Criteria" HorizontalAlign="Left" />
                        <asp:TableHeaderCell Width="100" Text="Weight" HorizontalAlign="Center" />
                        <asp:TableHeaderCell Width="100" Text="Score" HorizontalAlign="Center" />
                        <asp:TableHeaderCell Width="100" Text="Sum" HorizontalAlign="Center" />
                    </asp:TableHeaderRow>
                </asp:Table>
                <p style="margin-top: 20px;">
                    <asp:Label ID="Label1" Width="150px" runat="server" Text="<b>Total score:</b>" />
                    <asp:Label Width="300px" runat="server" ID="lblTotal" />
                </p>
                <p>
                    <asp:Label ID="Label2" Width="150px" runat="server" Text="<b>Average point:</b>" />
                    <asp:Label Width="300px" runat="server" ID="lblAverage" />
                </p>
                <p>
                    <asp:Label ID="Label3" Width="150px" runat="server" Text="<b>Remark</b>" />
                    <asp:Label ID="lblRemark" Width="300px" runat="server" />
                </p>
            </div>
        </asp:Panel>
        <asp:CollapsiblePanelExtender
            ID="cpeRaidscore" 
            runat="server" 
            TargetControlID="pnlBody" 
            CollapseControlID="pnlHeader" 
            ExpandControlID="pnlHeader" 
            Collapsed="true" 
            TextLabelID="lblHeader" 
            CollapsedText="Show raidscore" 
            ExpandedText="Hide raidscore" 
            CollapsedSize="0"
        />

    </div>

</asp:Content>
